<template>
	<view class="">
		<view v-if="item.status===1">
			<view class="flex flex-column align-center ml-2">
				<u-navbar title="订单待支付" autoBack placeholder bgColor="#f6f6f6"></u-navbar>
			</view>
		</view>
		<view v-if="item.status===2" >
			<view class="flex flex-column align-center ml-2">
				<u-navbar title="待商家发货" autoBack placeholder bgColor="#f6f6f6"></u-navbar>
			</view>
		</view>
		<view v-if="item.status===3">
			<view class="flex flex-column align-center ml-2">
				<u-navbar title="待收货" autoBack placeholder bgColor="#f6f6f6"></u-navbar>
			</view>
		</view>
		<view v-if="item.status===4" class="flex align-center">
			<u-image src="/static/order/daipingjia.png" width="35" height="35"></u-image>
			<view class="ml-2">
				<u-navbar title="待评价" autoBack placeholder bgColor="#f6f6f6"></u-navbar>
			</view>
		</view>
		<view v-if="item.status===5" class="flex align-center">
			<view class="ml-2">
				<u-navbar title="已完成" autoBack placeholder bgColor="#f6f6f6"></u-navbar>
			</view>
		</view>
		<view v-if="item.status===7" class="flex align-center">
			<u-image src="/static/order/cancel.png" width="35" height="35"></u-image>
			<view class="ml-2">
				<u-navbar title="已取消" autoBack placeholder bgColor="#f6f6f6"></u-navbar>
			</view>
		</view>
	</view>
</template>

<script>
    export default {
		props: {
			item: Object,
		},
	}	
</script>

<style lang="scss">

</style>